import { defineStore } from "pinia";
import { ref, Ref } from "vue";

export const useUserStore = defineStore('user', ()=>{

  // 定义一个用来标识用户是否登录的变量
  const loginState: Ref<boolean> = ref(localStorage.getItem('loginState') == 'true')
  // 用户id
  const userid: Ref<string> = ref(localStorage.getItem('userid') || '')
  // 用户 token
  const token: Ref<string> = ref(localStorage.getItem('token') || '')


  // 定义一个用来修改全局状态的方法
  function  changeUserState(userInfo){
    // 修改全局状态
    loginState.value = userInfo.loginState
    userid.value = userInfo.userid
    token.value = userInfo.token
  }

  // 将全局状态中的属性和修改方法暴露出去
  return {
    loginState,
    userid,
    token,
    changeUserState
  }
})
